import { Callout, Card, Cards } from 'nextra/components';

# Getting Started

Choose a dedicated guide for integrating with a specific bundler, framework, or a custom setup:

<Cards>
  <Card title="Vite" href="/docs/getting-started/vite" />
  <Card title="Webpack" href="/docs/getting-started/webpack" />
  <Card title="React Native" href="/docs/getting-started/react-native" />
  <Card title="Next.js" href="/docs/getting-started/next" />
  <Card
    title="Create React App"
    href="/docs/getting-started/create-react-app"
  />
  <Card title="Custom Bundler" href="/docs/getting-started/custom-bundler" />
</Cards>

See [Troubleshooting](getting-started/troubleshooting.mdx) for common issues.

<Callout>
  Check out the [Migration Guide](migration-guide.md) to upgrade to React Cosmos
  7.
</Callout>
